<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Controle Universal Virtual</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="css/estilo.css" rel="stylesheet" type="text/css" />
        <script src="js/jquery-1.10.2.min.js"></script>
        <script src="js/controleUniversal/conexao.js"></script>
        <script src="js/equipamentos/arCondicionado.js"></script>
        <script src="js/equipamentos/garagem.js"></script>
        <script src="js/equipamentos/luz.js"></script>
        <script src="js/equipamentos/microSystem.js"></script>
        <script src="js/equipamentos/microondas.js"></script>
        <script src="js/equipamentos/televisao.js"></script>
        
        <script src="js/controleUniversal/controleUniversal.js"></script>
        <script src="js/outrosControles/controleDaMaquinaDeLavar.js"></script>
        
    </head>


    <body>
        <div class="todo">
            <div class="linha">
                <button class="comando" data-fn="ejetar"><img src="img/control_eject.png" /></button>
                <button class="comando" data-fn="cima"><img src="img/bullet_arrow_up.png" /></button>
                <button class="comando" data-fn="power"><img src="img/control_power.png" /></button>
            </div>
            <div class="linha">
                <button class="comando" style="margin-right: 16px;" data-fn="esquerda"><img src="img/bullet_arrow_left.png" /></button>
                <button class="comando" style="margin-left: 16px;" data-fn="direita"><img src="img/bullet_arrow_right.png" /></button>
            </div>
            <div class="linha">
                <button class="comando" data-fn="baixo"><img src="img/bullet_arrow_down.png" /></button>
            </div>
            <div class="linha">
                <button class="comando" data-fn="pausar"><img src="img/control_pause.png" /></button>
                <button class="comando" data-fn="play"><img src="img/control_play.png" /></button>
                <button class="comando" data-fn="parar"><img src="img/control_stop.png" /></button>
            </div>
        </div>
        <div class="todo">
            <div class="linha">
                <button class="digito">1</button>
                <button class="digito">2</button>
                <button class="digito">3</button>
            </div>
            <div class="linha">
                <button class="digito">4</button>
                <button class="digito">5</button>
                <button class="digito">6</button>
            </div>
            <div class="linha">
                <button class="digito">7</button>
                <button class="digito">8</button>
                <button class="digito">9</button>
            </div>
            <div class="linha">
                <button class="digito">0</button>
            </div>
        </div>
        <div id="log" class="todo">
           
        </div>
        <div id="facade" class="todo">
           <div class="linha">
               <button class="btnFacade" data-fn="pcinema">Preparar Cinema!</button>
            </div>
            <div class="linha">
                <button class="btnFacade" data-fn="psono">Preparar Sono</button>
            </div>
            <div class="linha">
                <hr>
            </div>
            <div class="linha">
                <select id="selectEquipamento">
                    <option value="tevisao">Televisor</option>
                    <option value="microsystem">Micro System</option>
                    <option value="garagem">Garagem</option>
                    <option value="luz">Luz</option>
                    <option value="microondas">Microondas</option>
                    <option value="arcondicionado">Ar Condicionado</option>
                </select>
            </div>
        </div>






    </body>
</html>
